   
   
@media screen and (max-width: 1200px) {
.ys_number_box{ float:left; width:80px;}

.ys_content_box{ float:left; width:75%; margin-top:20px;}
 
.ys_img_box{ display:none; }
 
.ys_img_box img{ width:90%;}
}
   

   
   
   @media screen and (max-width: 1200px) {
 
 /* 640px */ 
 
    .bg_01{ width:100%; background:#fff; padding-bottom: 35px; background-image: url(../images/bg4.jpg); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} 
  
  .ys_box{ width:96%; height:200px; margin: 0 auto;  margin-top:20px;} 
  
  

  
  .ys_left_number{ width:70px; }

  .ys_left_title { width:100%; font-size:20px; font-weight:bolder; color:#015fba; }
   
  .ys_left_content{ width:100%; font-size:14px;  text-align:justify; }
  
  
   .ys_right_number{ width:70px; }

  .ys_right_title { width:100%;  font-size:20px; font-weight:bolder; color:#015fba; }
   
  .ys_right_content{ width:100%; font-size:14px;   text-align:justify; }
 
 

}






@media screen and (min-width: 1200px) {

.ys_number_box{ float:left; width:9%;}

.ys_content_box{ float:left; width:44%;}

.ys_img_box{ float:left; width:47%; }

.ys_img_box img{ width:90%;}

}


 
  @media screen and (min-width: 1200px) {
 
 /* 1360px */ 
   
   .bg_01{ width:100%; height:1870px; background:#fff;  background-image: url(../images/bg4.jpg); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} 
  
  .ys_box{ width:96%; height:340px; margin: 0 auto;  margin-top:60px;} 
  
  .ys_left_number{ width:75%; margin-top:90px; }

  .ys_left_title { width:90%; font-size:40px;margin-top:108px; color:#015fba; }
   
  .ys_left_content{ width:90%; font-size:18px; text-align:justify; }
  
  
   .ys_right_number{ width:75%; margin-top:90px; margin-left:70px; }

  .ys_right_title { width:80%; font-size:40px;margin-top:108px; margin-left:60px; color:#015fba; }
   
  .ys_right_content{ width:90%; margin-left:60px;font-size:18px;  text-align:justify; }


}
 
 
 
 @media screen and (min-width: 1400px) {
 
 /* 1440px */ 
  
   .bg_01{ width:100%; height:2100px; background:#fff;  background-image: url(../images/bg4.jpg); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} 
  
  .ys_box{ width:96%; height:400px; margin: 0 auto;  margin-top:60px;} 
  
  .ys_left_number{ width:75%; margin-top:90px; }

  .ys_left_title { width:90%; font-size:40px;margin-top:113px; color:#015fba; }
   
  .ys_left_content{ width:90%; font-size:18px; text-align:justify; }
  
  
   .ys_right_number{ width:75%; margin-top:90px; margin-left:70px; }

  .ys_right_title { width:80%; font-size:40px;margin-top:113px; margin-left:60px; color:#015fba; }
   
  .ys_right_content{ width:90%; margin-left:60px;font-size:18px;  text-align:justify; }



}





 @media screen and (min-width: 1500px) {
 
 /* 1600px */ 
 
   .bg_01{ width:100%; height:2250px; background:#fff;  background-image: url(../images/bg4.jpg); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} 
  
  .ys_box{ width:96%; height:440px; margin: 0 auto;  margin-top:60px;} 
  
  .ys_left_number{ width:75%; margin-top:90px; }

  .ys_left_title { width:90%; font-size:47px;margin-top:118px; color:#015fba; }
   
  .ys_left_content{ width:90%; font-size:24px; text-align:justify; }
  
  
   .ys_right_number{ width:75%; margin-top:90px; margin-left:70px; }

  .ys_right_title { width:80%; font-size:47px;margin-top:118px; margin-left:60px; color:#015fba; }
   
  .ys_right_content{ width:90%; margin-left:60px;font-size:24px;  text-align:justify; }

}






 @media screen and (min-width: 1740px) {
 
  /* 1920px */ 
 
  .bg_01{ width:100%; height:2450px; background:#fff;  background-image: url(../images/bg4.jpg); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} 
  
  .ys_box{ width:96%; height:500px; margin: 0 auto;  margin-top:60px;} 
  
  .ys_left_number{ width:75%; margin-top:90px; }

  .ys_left_title { width:90%; font-size:50px;margin-top:125px; color:#015fba; }
   
  .ys_left_content{ width:90%; font-size:28px; text-align:justify; }
  
  
   .ys_right_number{ width:75%; margin-top:90px; margin-left:70px; }

  .ys_right_title { width:80%; font-size:50px;margin-top:125px; margin-left:60px; color:#015fba; }
   
  .ys_right_content{ width:90%; margin-left:60px;font-size:28px;  text-align:justify; }

}
